<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./reset.css">
</head>

<body>
    <div class="top">
        <div class="left">
            <div class="img">
                <img src="./pic/comment-uparrow.svg" alt="">
                <span>发现</span>
            </div>
            <!-- <p>车友圈</p> -->
            <span>车友圈</span>
        </div>
        <div class="right">
            <img src="./pic/friendcircle-camera.svg" alt="">
        </div>
    </div>

    <div class="banner">
        <a href="javascript:void(0)">
            <p>刘庸</p>
            <img src="./pic/333.gif" alt="" width="0.48rem">
        </a>
        <!-- <img src="./pic/friendcircle-banner.png" alt=""> -->
    </div>
    <main>
        <div class="content">
            <div class="left">
                <img src="./pic/lLhq.webp" alt="">
            </div>
            <div class="right">
                <p>刘华强</p>
                <span>滴滴出行，出行无忧</span>
                <a href="javascript:void(0)">
                    <img src="./pic/pyy.webp" alt="">
                    <p>滴滴出行，从此出行再无忧</p>
                </a>
                <div class="zan">
                    <p>
                        <img data-zan="0" src="./pic/state-thumbs-up.svg" alt="">
                        <span>9</span>
                    </p>
                    <p>
                        <img src="./pic/state-comment.svg" alt="">
                        评论
                    </p>
                </div>
                <span class="ds">一个小时前</span>
                <div class="comment">
                    <p>秋香 <i>：赞</i> </p>
                    <p> 爱老虎油 <i>:这滴滴包送到吗？</i></p>
                    <p>秋香 <i>：赞</i> </p>
                    <p> 爱老虎油 <i>:这滴滴包送到吗？</i></p>
                    <p>秋香 <i>：赞</i> </p>
                    <p> 爱老虎油 <i>:这滴滴包送到吗？</i></p>
                    <p>秋香 <i>：赞</i> </p>
                    <p> 爱老虎油 <i>:这滴滴包送到吗？</i></p>
                    <span> <i>查看全部n条内容</i>  <img class="up" src="./pic/comment-downarrow.svg" alt=""></span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <img src="./pic/333.gif" alt="">
            </div>
            <div class="right">
                <p>刘庸</p>
                <a href="javascript:void(0)">
                    <img src="./pic/pyy.webp" alt="">
                    <p>干净又卫生注册司机拿奖励，随时随地接单赢取高额奖励，轻松赚外快。</p>
                </a>
                <div class="zan">
                    <p>
                        <img data-zan="1" src="./pic/hearts.svg" alt="">
                        <span>999</span>
                    </p>
                    <p><img src="./pic/state-comment.svg" alt=""> 评论</p>
                    <p><img class="dd" src="./pic/state-delete.svg" alt=""> 删除</p>
                </div>
                <span class="ds">13小时前</span>
                <div class="comment">
                    <p>星星点灯 <i>：每天下班顺两单一天下来相当于种两棵树，节能环保减少堵车</i> </p>
                    <p> 至宗宝 <i>:了解未接触的领域，比赚钱更让我开心的是额外的收货</i></p>
                    <p> 野马<i>回复</i>至尊宝 <i>:有内涵</i></p>
                    <p>星星点灯 <i>：每天下班顺两单一天下来相当于种两棵树，节能环保减少堵车</i> </p>
                    <p> 至宗宝 <i>:了解未接触的领域，比赚钱更让我开心的是额外的收货</i></p>
                    <p> 野马<i>回复</i>至尊宝 <i>:有内涵</i></p>
                    <span> <i>查看全部n条内容</i>  <img class="up" src="./pic/comment-downarrow.svg" alt=""></span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <img src="./pic/22.gif" alt="">
            </div>
            <div class="right">
                <p>摊主</p>
                <span>2017年1月，心之向往，记我的西藏行，历时6天，川进青出</span>
               <div class="dt"><img src="./pic/11.webp" alt=""></div>
                <!-- <p>2017年1月，心之向往，记我的西藏行，历史6天，川进青出</p> -->
                <div class="zan">
                    <p>
                        <img data-zan="0" src="./pic/state-thumbs-up.svg" alt="">
                        <span>199</span>
                    </p>
                    <p><img src="./pic/state-comment.svg" alt=""> 评论</p>
                </div>
                <span class="ds">13小时前</span>
                <div class="comment">
                    <p>星星点灯 <i>：每天下班顺两单一天下来相当于种两棵树，节能环保减少堵车</i> </p>
                    <p> 至宗宝 <i>:了解未接触的领域，比赚钱更让我开心的是额外的收货</i></p>
                    <p> 摊主
                        <i>回复</i>
                        至尊宝 <i>:这季节哪有瓜？</i>
                    </p>
                    <p> 摊主
                        <i>回复</i>
                        星星点灯 <i>:都是生瓜蛋子</i>
                    </p>
                    <span> <i>查看全部n条内容</i>  <img class="up" src="./pic/comment-downarrow.svg" alt=""></span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <img src="./pic/22.gif" alt="">
            </div>
            <div class="right">
                <p>摊主</p>
                <span>2017年1月，心之向往，记我的西藏行，历时6天，川进青出</span>
               <div class="da">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
            </div>

                <div class="zan">
                    <p>
                        <img data-zan="0" src="./pic/state-thumbs-up.svg" alt="">
                        <span>12</span>
                    </p>
                    <p><img src="./pic/state-comment.svg" alt=""> 评论</p>
                </div>
                <span class="ds">一天前</span>
                <div class="comment">
                    <p>星星点灯 <i>：每天下班顺两单一天下来相当于种两棵树，节能环保减少堵车</i> </p>
                    <p> 至宗宝 <i>:了解未接触的领域，比赚钱更让我开心的是额外的收货</i></p>
                    <p> 摊主
                        <i>回复</i>
                        至尊宝 <i>:这季节哪有瓜？</i>
                    </p>
                    <span> <i>查看全部n条内容</i>  <img class="up" src="./pic/comment-downarrow.svg" alt=""></span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <img src="./pic/22.gif" alt="">
            </div>
            <div class="right">
                <p>摊主</p>
                <span>2017年1月，心之向往，记我的西藏行，历时6天，川进青出</span>
               <div class="dw">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
            </div>

                <div class="zan">
                    <p>
                        <img data-zan="0" src="./pic/state-thumbs-up.svg" alt="">
                        <span>99</span>
                    </p>
                    <p><img src="./pic/state-comment.svg" alt=""> 评论</p>
                </div>
                <span class="ds">2天前</span>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <img src="./pic/22.gif" alt="">
            </div>
            <div class="right">
                <p>摊主</p>
                <span>2017年1月，心之向往，记我的西藏行，历时6天，川进青出</span>
               <div class="dr">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
            </div>
                <div class="zan">
                    <p>
                        <img data-zan="0" src="./pic/state-thumbs-up.svg" alt="">
                        <span>19</span>
                    </p>
                    <p><img src="./pic/state-comment.svg" alt=""> 评论</p>
                </div>
                <span class="ds">2017-1-20  10:54</span>
                <div class="comment">
                    <p>星星点灯 <i>：每天下班顺两单一天下来相当于种两棵树，节能环保减少堵车</i> </p>
                    <p> 至宗宝 <i>:了解未接触的领域，比赚钱更让我开心的是额外的收货</i></p>
                    <span>
                        <i>查看全部n条内容</i>
                        <img class="up" src="./pic/comment-downarrow.svg" alt="">
                    </span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="left">
                <img src="./pic/22.gif" alt="">
            </div>
            <div class="right">
                <p>摊主</p>
                <span>2017年1月，心之向往，记我的西藏行，历时6天，川进青出</span>
               <div class="dw">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
                   <img src="./pic/11.webp" alt="">
            </div>
                <div class="zan">
                    <p>
                        <img data-zan="0" src="./pic/state-thumbs-up.svg" alt="">
                        <span>9</span>
                    </p>
                    <p><img src="./pic/state-comment.svg" alt=""> 评论</p>
                </div>
                <span class="ds">2016-11-15  08:23</span>
            </div>
        </div>
    </main>






    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>


    <script src="js/zepto.js"></script>
    <script src="js/index.js"></script>
<!--<script src="index.js"></script>-->
</body>

</html>
